<template>
  <div>
    <ul class="housePrice">
      <li>
        <p>{{objres.price}}<span>/月</span></p>
        <p>租金</p>
      </li>
      <li>
        <p>{{objres.roomType}}</p>
        <p>房型</p>
      </li>
      <li>
        <p>{{objres.size}}平米</p>
        <p>面积</p>
      </li>
    </ul>

    <!-- 住房信息 -->
    <ul class="houseInfo">
      <li>
        <span>装修：</span>
        <span>精装</span>
      </li>
      <li>
        <span>朝向：</span>
        <span v-for="(item,index) in objres.oriented" :key="index">{{item}}</span>
      </li>
      <li>
        <span>楼层：</span>
        <span>{{objres.floor}}</span>
      </li>
      <li>
        <span>类型：</span>
        <span>普通住宅</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HouseZixun',
  computed: {
    sum: {
      get () {
        return this.list.every(item => item.c === true)
      },
      set (val) {
        return this.list.forEach(item => {
          item.c = val
        })
      }
    }
  },
  data () {
    return {
      list: [
        {
          uname: 'zs',
          c: false
        },
        {
          uname: 'ls',
          c: false
        }, {
          uname: 'ww',
          c: false
        }

      ]
    }
  }
}
</script>

<style>
.item input {
  display: block;
}
</style>
